<template>
    <div>
        <ul>
   <FilmItem  v-for="item in films" :key="item.filmId" :item="item"></FilmItem>
</ul>
    </div>
</template>

<script>
import{getComings} from "../../api/movieApi";
import FilmItem from "./FilmItem.vue";
    export default {
  components: { FilmItem, },
        data() {
            return {
                films:null,
            }
        },
        mounted() {
            getComings(1).then(
                (films)=>(this.films=films)
            );  
        },
    }
</script>

<style lang="scss" scoped>

</style>